<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>祥云平台网址导航</title>
<link type="text/css" rel="stylesheet" href="index.css" />
</head>
<body>
<div id="index">
<!--图片logo导航-->
 <div id="img">
  <ul>
    <li id="m1"><a href="http://www.baidu.com" target="_blank" ><img src="images/g1.jpg"></a></li>
    <li><a href="http://www.taobao.com" target="_blank""><img src="images/g2.jpg"></a></li>
    <li><a href="http://www.163.com"" target="_blank"><img src="images/g3.jpg"></a></li>
    <li><a href="http://www.sohu.com"" target="_blank"><img src="images/g4.jpg"></a></li>
    <li><a href="http://www.sina.com.cn"" target="_blank"><img src="images/g5.jpg"></a></li>
    <li id="m6"><a href="http://www.ifeng.com"" target="_blank"><img src="images/g6.jpg"></a></li>
    <li><a href="http://www.meituan.com"" target="_blank"><img src="images/g7.jpg"></a></li>
    <li><a href="http://v.360.cn/"" target="_blank"><img src="images/g8.jpg"></a></li>
    <li><a href="http://www.lottery.gov.cn/"" target="_blank"><img src="images/g9.jpg"></a></li>
    <li><a href="http://book.easou.com/"" target="_blank"><img src="images/g10.jpg"></a></li>
     <div class="clearboth"></div>
  </ul>
    <div class="clearboth"></div>
 </div>
 <!--文字链接导航-->
 <div id="text">
  <div id="news" class="nav">
   <div class="left"><img src="images/n1.gif" /><span>看资讯</span> </div>
   <div class="right">
     <span class="no_b"><a href="http://news.sina.com.cn/"" target="_blank">新浪新闻</a></span>
     <span class="no_b"><a href="http://news.sohu.com/"" target="_blank">搜狐新闻</a></span>
     <span class="no_b"><a href="http://www.huanqiu.com/"" target="_blank">环球网</a></span>
     <span class="no_b"><a href="http://news.163.com/"" target="_blank">网易新闻</a></span>
     <span class="no_b"><a href="http://news.ifeng.com/"" target="_blank">凤凰新闻</a></span>
     <span class="no_b rr"><a href="http://www.eastmoney.com/"" target="_blank">东方财富网</a></span>
     <span><a href="http://www.hexun.com/"" target="_blank">和讯财经</a></span>
     <span><a href="http://www.jrj.com.cn/"" target="_blank">金融界</a></span>
     <span><a href="http://www.cnfol.com/"" target="_blank">中金在线</a></span>
     <span><a href="http://www.stockstar.com/"" target="_blank">证券之星</a></span>
     <span><a href="http://www.yicai.com/"" target="_blank">第一财经</a></span>
     <span class="rr"><a href="http://cctv2.cntv.cn/" target="_blank"">CCTV财经</a></span>
   </div>
   <div class="clearboth"></div>
  </div>
  <div id="video" class="nav">
   <div class="left"><img src="images/n2.gif" /><span>看视频</span> </div>
   <div class="right">
     <span class="no_b"><a href="http://v.360.cn/"" target="_blank">360影视</a></span>
     <span class="no_b"><a href="http://www.iqiyi.com/"" target="_blank">奇艺</a></span>
     <span class="no_b"><a href="http://tv.sohu.com/"" target="_blank">搜狐视频</a></span>
     <span class="no_b"><a href="http://www.letv.com/"" target="_blank">乐视网</a></span>
     <span class="no_b"><a href="http://www.youku.com/"" target="_blank">优酷</a></span>
     <span class="no_b rr"><a href="http://www.tudou.com/"" target="_blank">土豆网</a></span>
     <span><a href="http://video.sina.com.cn/movie/"" target="_blank">新浪大片</a></span>
     <span><a href="http://v.qq.com/"" target="_blank">腾讯视频</a></span>
     <span><a href="http://www.soku.com/"" target="_blank">搜库</a></span>
     <span><a href="http://www.pptv.com/"" target="_blank">PPTV</a></span>
     <span><a href="http://www.ku6.com/"" target="_blank">酷6</a></span>
     <span class="rr"><a href="http://www.56.com/"" target="_blank">56</a></span>
   </div>
   <div class="clearboth"></div>
  </div>
  <div id="shop" class="nav">
   <div class="left"><img src="images/n3.gif" /><span>买东西</span> </div>
   <div class="right">
     <span class="no_b"><a href="http://www.360buy.com/"" target="_blank">京东商城</a></span>
     <span class="no_b"><a href="http://www.suning.com/"" target="_blank">苏宁易购</a></span>
     <span class="no_b"><a href="http://www.gome.com.cn/"" target="_blank">国美电器</a></span>
     <span class="no_b"><a href="http://www.dangdang.com/"" target="_blank">当当网</a></span>
     <span class="no_b"><a href="http://www.vancl.com/"" target="_blank">凡客诚品</a></span>
     <span class="no_b rr"><a href="http://mall.360.cn/"" target="_blank">360购物</a></span>
     <span><a href="http://www.meituan.com/"" target="_blank">美团网</a></span>
     <span><a href="http://www.lashou.com/"" target="_blank">拉手网</a></span>
     <span><a href="http://www.nuomi.com/"" target="_blank">糯米网</a></span>
     <span><a href="http://www.yihaodian.com/"" target="_blank">1号店</a></span>
     <span><a href="http://www.55tuan.com/"" target="_blank">窝窝团</a></span>
     <span class="rr"><a href="http://www.newegg.com.cn/"" target="_blank">新蛋网</a></span>
   </div>
   <div class="clearboth"></div>
  </div>
  <div id="life" class="nav">
   <div class="left"><img src="images/n4.gif" /><span>爱生活</span> </div>
   <div class="right">
     <span class="no_b"><a href="http://www.12306.cn/"" target="_blank">买火车票</a></span>
     <span class="no_b"><a href="http://www.58.com/"" target="_blank">58同城</a></span>
     <span class="no_b"><a href="http://www.ganji.com/"" target="_blank">赶集网</a></span>
     <span class="no_b"><a href="http://www.dianping.com/"" target="_blank">大众点评网</a></span>
     <span class="no_b"><a href="http://www.ctrip.com/"" target="_blank">携程旅游网</a></span>
     <span class="no_b rr"><a href="http://www.qunar.com/"" target="_blank">去哪儿</a></span>
     <span><a href="http://mail.163.com/"" target="_blank">163邮箱</a></span>
     <span><a href="http://mail.126.com/"" target="_blank">126邮箱</a></span>
     <span><a href="http://mail.cn.yahoo.com/"" target="_blank">yahoo邮箱</a></span>
     <span><a href="http://mail.sohu.com/"" target="_blank">搜狐邮箱</a></span>
     <span><a href="http://mail.sina.com.cn/"" target="_blank">新浪邮箱</a></span>
     <span class="rr"><a href="http://www.jiayuan.com/"" target="_blank">世纪佳缘</a></span>
   </div>
   <div class="clearboth"></div>
  </div>
 </div>
</div>
<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
 $(function(){
	 
	$(".nav").hover(
	 function(){
		$(this).addClass("nav_hover");
    },function(){
		$(this).removeClass("nav_hover");
	});
	
	$("#img ul li").hover(
	 function(){
		 $(this).css("border-color","#ff3300");
	 },function(){
	     $(this).css("border-color","#CDCDCD");
	 });
	
 });
</script>
</body>
</html>
